<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>乐购试做</title>
    <!-- 1. 引入插件样式 -->
    <link rel="stylesheet" href="./css/reset.css" />
  <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="css/mymember.css">
    <!-- 1. 引入插件样式 -->
    
    <style>
    </style>
</head>

<body>
    <!--开始排版-->
    <!--顶部通栏-->
    <header class="topl cf">
        <div class="contents top1 cf">
            <a href="index.html" class="wz">legochina.cn</a>
            <p>欢迎光临<a href="index.html">乐购</a>，请
                <a href="login.html">登录</a><span>\</span>
                <a href="post.html" id="post">注册</a>
            </p>
        </div>
        
        <!--顶部导航栏-->
    </header>
    <div class="contents topnav cf">
        <img src="images/member01.jpg" class="logo">
        <h1 >乐我所乐，我的VIP！</h1>
        <ul>
        <li><a href="##">首页</a></li>
        <li ><a href="##"class="bgcf60" style="color:#fff;">我的订单</a></li>
        <li><a href="##">会员特权</a></li>
        </ul>
    </div>
   <!--主要内容1生成     -->
      <div class="contents mainset cf">
<div class="leftasid fl">
<p><img src="images/member001.jpg">洲袋子 <sapn class="cff2315"> V5</sapn><sapn class="px12 c666">查看你的特权</sapn></p>
<p><img src="images/memberledou.jpg">洲袋子 <sapn class="px12 c666">我的乐豆： --</sapn></p>
<p><img src="images/memberyouhui.jpg">洲袋子 <sapn class="px12 c666">我的优惠券： --</sapn></p>
<p><span class="pbgc">已获得礼包</span></p>
<p><a href="##">10个礼包（未领取）</a></p>
<p><span class="pbgc">可获得特权</span></p>
<p class="tub">
    <a href="##"><img src="images/memberkf01.jpg"></a><a href="##"><img src="images/memberbq01.jpg"></a><a href="##"><img src="images/memberlb01.jpg"></a><a href="##"><img src="images/memberps01.jpg"></a><a href="##"><img src="images/membersr01.jpg"></a>
</p>
<ul class="cf">
    <li><a href="##"><img src="images/memberbanner001.jpg"></a></li>
    <li><a href="##"><img src="images/memberbanner002.jpg"></a></li>
    <li><a href="##"><img src="images/memberbanner003.jpg"></a></li>
    <li><a href="##"><img src="images/memberbanner004.jpg"></a></li>
</ul>
</div>


<!-- 主要内容2生成 -->
<div class="rightasid">
   <h2>订单列表<p><a href="##">待付款(<span>1</span>)</a><a href="##">待收货(<span>0</span>)</a><a href="##">待评价(<span>1</span>)</a></p></h2>
   <p class="cf60">全部订单（6）</p>
<table>
    <!-- 表头 -->
    <thead>
       <tr class="tcenter">
        <td>
            <input id="Checkbox1" type="checkbox"  class="selectall"/>全选
    </td>
    <td>
            商品
    </td>
    <td>
        商品描述
    </td>
    <td>
        小计
    </td>
    <td>
            状态
    </td>
       </tr>
    </thead>
    <tbody>
        <!-- 1行 -->
       <tr>
        <td class="tcenter">
            <input  type="checkbox"  class="singlk" />
    </td>
    <td>
        <img src="images/book001.jpg">
    </td>
    <td>
        会赚钱的人想的不一样
    </td>
    <td  class="price">41.00</td>
    <td>
        <span class="cf60">待付款</span>
        <p><a href="##">评价</a><a href="##"  class="cf60 delbtn">删除</a></p>
    </td>
       </tr>
<!-- 2行 -->
       <tr>
        <td class="tcenter">
            <input  type="checkbox"  class="singlk" />
    </td>
    <td>
        <img src="images/book001.jpg">
    </td>
    <td>
        会赚钱的人想的不一样
    </td>
    <td  class="price">41.00</td>
    <td>
        <span class="cf60">交易成功</span>
        <p><a href="##">评价</a><a href="##"  class="cf60 delbtn">删除</a></p>
    </td>
       </tr>

<!-- 3行 -->
       <tr>
        <td class="tcenter">
            <input type="checkbox"  class="singlk" />
    </td>
    <td>
        <img src="images/book001.jpg">
    </td>
    <td>
        会赚钱的人想的不一样
    </td>
    <td  class="price">41.00</td>
    <td>
        <span>交易关闭</span>
        <p><a href="##"  class="cf60">删除</a></p>
    </td>
       </tr>
       <!-- 4行 -->
       <tr>
            <td class="tcenter">
                <input  type="checkbox"  class="singlk" />
        </td>
        <td>
            <img src="images/book001.jpg">
        </td>
        <td>
            会赚钱的人想的不一样
        </td>
        <td  class="price">41.00</td>
        <td>
            <span>交易关闭</span>
            <p><a href="##"  class="cf60 delbtn" >删除</a></p>
        </td>
           </tr>
           <!-- 5行 -->
       <tr>
            <td class="tcenter">
                <input  type="checkbox"  class="singlk" />
        </td>
        <td>
            <img src="images/book001.jpg">
        </td>
        <td>
            会赚钱的人想的不一样
        </td>
        <td  class="price">41.00</td>
        <td>
            <span class="cf60">交易成功</span>
            <p><a href="##">评价</a><a href="##"  class="cf60 delbtn">删除</a></p>
        </td>
           </tr>
           <!-- 6行 -->
       <tr>
            <td class="tcenter">
                <input  type="checkbox"  class="singlk" />
        </td>
        <td>
            <img src="images/book001.jpg">
        </td>
        <td>
            会赚钱的人想的不一样
        </td>
        <td  class="price">41.00</td>
        <td>
            <span class="cf60">交易成功</span>
            <p><a href="##" class="cf60">已评价</a><a href="##"  class="cf60 delbtn">删除</a></p>
        </td>
           </tr>
    </tbody>
    <tfoot>
            <tr>
                    <td class="tcenter">
                        <input id="Checkbox2" type="checkbox"  class="selectall"/>全选
                </td>
                <td>
                       <a class="delbtn1">删除选中订单商品</a>
                </td>
                <td>
                        已选择  <span class="cf60"id="sumselect">0</span>   件商品
                </td>
                <td>
                        总价:<span class="cf60" id="totalprice">0.00</span>
                </td>
                <td>
               <a>去结算</a>
                </td>
                   </tr>
    </tfoot>
</table>




    </div>
      </div>
      
   
    <!-- 主要内容2生成 -->
   
    <!-- 主要内容3生成 -->
    
    <!-- 推广的底部广告 -->
    <div class="contents banner4 cf">
       
                <a href="##"><img src="images/banner001.jpg"></a>
           
    </div>
     <!-- 广告下面的图标 -->
    <div class="banner2">
        <div class="contents banner3">
            <ul>
                <li>
                    <img src="images/ba01.png">
                </li>
                <li>
                    <img src="images/ba02.png">
                </li>
                <li>
                    <img src="images/ba03.png">
                </li>
                <li>
                    <img src="images/ba04.png">
                </li>
            </ul>
        </div>
    </div>
    <!-- 推广下面的底部广告 -->
    <div class="contents bannerlast cf" id="bannerlast">
        <ul>
            <li>
                <h4>购物指南</h4>
                <p>
                    <a href="###">购物流程</a>
                </p>
                <p>
                    <a href="###">发票制度</a>
                </p>
                <p>
                    <a href="###">账户管理</a>
                </p>
                <p>
                    <a href="###">会员优惠</a>
                </p>
            </li>
            <li>
                <h4>支付方式</h4>
                <p>
                    <a href="###">货到付款</a>
                </p>
                <p>
                    <a href="###">网上支付</a>
                </p>
                <p>
                    <a href="###">礼品卡支付</a>
                </p>
                <p>
                    <a href="###">银行转账</a>
                </p>
            </li>
            <li>
                <h4>订单服务</h4>
                <p>
                    <a href="###">订单配送查询</a>
                </p>
                <p>
                    <a href="###">订单状态说明</a>
                </p>
                <p>
                    <a href="###">自助取消订单</a>
                </p>
                <p>
                    <a href="###">自助修改订单</a>
                </p>
            </li>
            <li>
                <h4>退换货服务</h4>
                <p>
                    <a href="###">退换货政策</a>
                </p>
                <p>
                    <a href="###">自助申请退换货</a>
                </p>
                <p>
                    <a href="###">退换货进度查询</a>
                </p>
                <p>
                    <a href="###">退款方式和时间</a>
                </p>
            </li>
            <li>
                <h4>商家服务</h4>
                <p>
                    <a href="###">商家中心</a>
                </p>
                <p>
                    <a href="###">运营服务中心</a>
                </p>
                <p>
                    <a href="###">加入尾品汇</a>
                </p>
            </li>
            <li>
                <img src="images/d01.jpg">
            </li>


        </ul>
    </div>
    <!-- 页面的底部页脚 -->
    <div class="contents lfot" id="lfot">
        <p class="lik">
            <a href="###" class="lf1">公司简介</a>
            <a href="###">Investor Relations</a>
            <a href="###">网址联盟</a>
            <a href="###">乐购招商</a>
            <a href="###">机构销售</a>
            <a href="###">手机乐购</a>
            <a href="###">官方Blog</a>
            <a href="###">热词搜索</a>
        </p>
        <p>Copyright &copy; 乐购网 2014-2016, All rights reserved </p>
    </div>
   <!-- 页面的左边导航 -->
    
      <!-- 页面的右边导航 -->
      





    <!-- 1. 引入jQuery -->
    <script src="./lib/jquery.min.js"></script>

    
    <script src="js/mymember.js"></script>
    
    

    <!-- 4. 引入当前页面js文件
    
    
    -->
    
   
</body>

</html>